<template>
  <div class="nulltask">
    <svg-icon :icon-class="'nomessage'" style="font-size: 80px" />
    <div
      style="
        text-align: center;
        font-weight: bolder;
        opacity: 0.5;
        font-size: 18px;
      "
    >
      {{ name }}
    </div>
  </div>
</template>

<script setup lang="ts">
// 全局组件 空状态
const props = withDefaults(
  defineProps<{
    name: string;
  }>(),
  {
    name: "NULL",
  }
);
</script>

<style scoped>
.nulltask {
  margin-left: -10px;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: black;
}
</style>
